<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Map</title>
        
	</script>
    <script type="text/javascript">
	var pictures = new Array
// List all the pictures in the slideshow here
(
"traffic0.jpg" 
,"traffic1.jpg" 
,"traffic2.jpg" 
 
);
var picture_num = 0;
var a= '<img name="rotating_picture" src="traffic0.jpg" width="100" height="100">';
var current_picture = new Image();
current_picture.src = pictures[picture_num];
function start_show() 
{
// Time is in seconds X 1000
setInterval("slideshow()", 3000);
}
function slideshow() 
{
picture_num++;
if (picture_num == pictures.length) 
{
picture_num = 0;
}
current_picture.src = pictures[picture_num];
document["rotating_picture"].src = current_picture.src;
}

    </script>
  </head>
 <body OnLoad="start_show()">

<center>
<img name="rotating_picture" src="traffic0.jpg" width="100" height="100">
</center>
</body>
</html>